<template>
  <div>
    <div class="pad-t-23 pad-l-20 pad-r-30 pad-b-22 subject bgc-white flex flex-between">
      <div class="add-shop-btn flex flex-center cursor-p">
        新增店铺
      </div>
    </div>
    <div class="bgc-white form-info-box">
      <form-info />
    </div>
    <div>
      <list-info />
    </div>
  </div>
</template>

<script lang="ts">
import FormInfo from './components/FormInfo/index.vue'
import ListInfo from './components/ListInfo/index.vue'
import { defineComponent } from 'vue'
export default defineComponent({
  components: {
    FormInfo,
    ListInfo
  },
  setup() {
  }
})
</script>

<style lang="scss" scoped>
.subject {
  border-bottom: 1px solid #F5F6FA;
  align-items: center;
  ::v-deep(.el-form-item) {
    margin-bottom: 0;
  }
  .add-shop-btn {
    width: 102px;
    height: 40px;
    background: #0C213F;
    border-radius: 4px;
    color: #fff;
  }
}
.form-info-box {
  padding: 24px 20px 0px 20px;
}
</style>
